<template>
    <div id="dianyin-1-1">
        <div class="dianyin-1-1">
            <span class="iconfont icon-sousuo1"></span>
            <p>找电影</p>
        </div>
        <div class="dianyin-1-1">
            <span class="iconfont icon-bangdan"></span>
            <p>豆瓣榜单</p>
        </div>
        <div class="dianyin-1-1">
            <span class="iconfont icon-shijian"></span>
            <p>即将上映</p>
        </div>
        <div class="dianyin-1-1">
            <span class="iconfont icon-a-tupianyihuifu-24"></span>
            <p>豆瓣片单</p>
        </div>
    </div>
</template>
<style>
    #dianyin-1-1{
        width: 100%;
        height: 1rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .dianyin-1-1{
        width: 20%;
        height: .52rem;
        padding-top: .08rem;
        border-radius: .07rem;
        border: .02rem solid #efefef;
        text-align: center;
        line-height: .2rem;
        color: #707070;
    }
    .dianyin-1-1 span{
        font-size: .26rem;
        color: #000;
    }
</style>